<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" template="/template/template.xhtml"
	xmlns:s="http://sduept.security.el/func">
	<ui:define name="head">
		<title>传动分析</title>
		<link rel="stylesheet"
			href="#{request.contextPath}/resources/plugins/datatables/dataTables.bootstrap.css" />
		<link rel="stylesheet"
			href="/resources/bootstrap/css/bootstrap-datetimepicker.min.css" />
		<style>
.dataTable th {
	white-space: nowrap !important;
}

.box-header .box-title {
	font-size: 18px;
	font-family: "SimHei";
}

input {
	color: black;
}

.hand {
	cursor: pointer;
}

#chuandongFenxi .info-box-icon {
	font-size: 20px;
}

.wrap-condition .form-inline {
	float: left;
	margin: 0px 5px;
}

#specialStationTree .box-header {
	padding: 19px;
}

#chuandongFenxi p:nth-child(2) {
	font-size: x-large;
}

#chuandongFenxi p:nth-child(1) {
	font-size: large;
}

.ui-calendar input {
	width: 100%;
}

#info>div {
	padding: 0;
}

#loading {
	text-align: center;
	display: none;
}
.typeahead {
    min-width: 200px;
    clear: both;
    max-height: 500px;
    overflow-y: auto;
}
.info-box-content{
  padding:0;
}
</style>
	</ui:define>
	<ui:define name="content">
		<div class='full-center-content-scroll-noheader'>
			<div class="box box box-success" id="chuandongFenxi">
				<div class="box-header wrap-condition">
					<div class='form-inline' id="stNameDiv">
						<label for="f-subname">厂站：</label> <input type="text"
							id="f-subname" class="form-control" data-provide="typeahead"  data-items="100"/>
					</div>
					<div class='form-inline'>
						<label for="f-year">年份：</label> <input type="text"
							class="form-control" id="f-year" />
					</div>
					<button class="btn btn-default" id="fenxi-btn">查询</button>
				</div>
				<div class="box-body">
					<div id="detailDiv">
						<div class="row">
							<div class='col-sm-12'>
								<div class='info-box' style="border: 1px solid #00c0ef;">
									<span class='info-box-icon bg-aqua'> <i id='date'></i>
									</span>
									<div class='info-box-content' id='info'></div>
								</div>
							</div>
							<div class="nav-tabs-custom">
								<ul class="nav nav-tabs pull-left ">
									<li class="active"><a href="#finished" data-toggle="tab">已完成</a></li>
									<li><a href="#unfinished" data-toggle="tab">未完成</a></li>
								</ul>
								<div class="tab-content no-padding">
									<div class="chart tab-pane active" id="finished"
										style="position: relative">
										<div class="box box-success">
											<div class="box-body">
												<table id="finishedTb" style="width: 100%;"
													class="table table-bordered table-hover">
												</table>
											</div>
										</div>
									</div>
									<div class="chart tab-pane" id="unfinished"
										style="position: relative"></div>
								</div>
							</div>
						</div>
					</div>
					<div id="loading">正在加载中...</div>
				</div>
			</div>
		</div>
	</ui:define>

	<ui:define name="contentend">
		<script src="#{request.contextPath}/resources/js/tables/mytable.js"></script>
		<script
			src="#{request.contextPath}/resources/plugins/datatables/jquery.dataTables.min.js"></script>
		<script
			src="#{request.contextPath}/resources/plugins/datatables/dataTables.bootstrap.min.js"></script>
		<script
			src="#{request.contextPath}/resources/bootstrap/js/bootstrap3-typeahead.js"></script>
		<script
			src="#{request.contextPath}/resources/plugins/pinyin/pinyin_dict_firstletter.js"></script>
		<script
			src="#{request.contextPath}/resources/plugins/pinyin/pinyinUtil.js"></script>
		<script
			src="#{request.contextPath}/resources/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
		<script src="transmissionAnalysis.js"></script>
	</ui:define>
</ui:composition>
